<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
 <link th:href ="@{/css/homePage.css}"  rel ="stylesheet" type ="text/css">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- 新 Bootstrap4 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
 
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
 
<!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
 
<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script  th:src ="@{/js/homePage.js}"></script>
<script  th:src ="@{/js/extra.js}"></script>
<link th:href ="@{/css/extra.css}"  rel ="stylesheet" type ="text/css">
<link th:href ="@{/css/extra2.css}"  rel ="stylesheet" type ="text/css">
<link th:href ="@{/css/extra3.css}"  rel ="stylesheet" type ="text/css">
<link th:href ="@{/css/model.css}"  rel ="stylesheet" type ="text/css">
<link th:href ="@{/css/table.css}"  rel ="stylesheet" type ="text/css">
<link th:href ="@{/css/fa.css}"  rel ="stylesheet" type ="text/css">
<link th:href ="@{/css/close.css}"  rel ="stylesheet" type ="text/css">
<script  th:src ="@{/js/tip_window.js}"></script>
<link th:href="@{/css/tip_window.css}" rel="stylesheet" type="text/css">
<link th:href="@{/css/homemain.css}" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" th:href="@{/js/jqPlot/1.0.9/jquery.jqplot.min.css}"/>  
<script th:src="@{/js/jqPlot/1.0.9/jquery.jqplot.min.js}" type="text/javascript"></script>  
            <!-- jqplot.barRenderer.min.js为$.jqplot.BarRenderer渲染器所在JS文件 -->  
            <script th:src="@{/js/jqPlot/1.0.9/plugins/jqplot.barRenderer.js}" type="text/javascript" ></script>  
<script th:src="@{/js/jqPlot/1.0.9/plugins/jqplot.categoryAxisRenderer.js}" type="text/javascript" ></script>  
            <script th:src="@{/js/jqPlot/1.0.9/plugins/jqplot.highlighter.js}" type="text/javascript"></script>  
            <script th:src="@{/js/jqPlot/1.0.9/plugins/jqplot.pointLabels.js}" type="text/javascript"></script>  
<script th:src="@{/js/jqPlot/1.0.9/plugins/jqplot.donutRenderer.js}" type="text/javascript" ></script>  
<script th:src="@{/js/jqPlot/1.0.9/plugins/jqplot.canvasTextRenderer.js}" type="text/javascript"></script>
<script th:src="@{/js/jqPlot/1.0.9/plugins/jqplot.canvasAxisLabelRenderer.js}" type="text/javascript"></script>           
<script th:src="@{/js/echarts/4.7.0/echarts.min.js}" type="text/javascript"></script>
<link th:href="@{/fontawesome-free-5.11.2-web/css/all.css}" rel="stylesheet" type="text/css">
  <link th:href="@{/fontawesome-free-5.11.2-web/css/v4-shims.css}" rel="stylesheet" type="text/css">
<title>操作首页 Hi~ o(*￣▽￣*)ブ</title>
</head>
<body>

<div id="container">
<div id="menu" class="menu_open" >
<div id="title_div" class="title_div" style="display: none;">
<span class="fs-4" id="title_span" onclick="menu_hide()"  >ଘ(੭ˊᵕˋ)੭</span>
</div>
  
<div id="menu_content" style="display: none; position:relative;">
 	<div id="ment_0" class="ment_simple">
 	<div class="ment_simple_0"></div>
 	<div class="ment_simple_1"></div>
 	<div class="ment_simple_2"></div>
 	<div class="ment_simple_3"></div>
      <a style="color:white;" id="mytask_a"  onclick="show_win('mytask')">
	查询任务
      </a>
     
   	</div>
   <div id="ment_1"  class="ment_simple">
 	<div class="ment_simple_0"></div>
 	<div class="ment_simple_1"></div>
 	<div class="ment_simple_2"></div>
 	<div class="ment_simple_3"></div>
      <a  style="color:white;" id="jieba_a"  onclick="show_win('jieba')">
	查看分词
      </a>
  	</div>
  	<div id="ment_2"  class="ment_simple">
 	<div class="ment_simple_0"></div>
 	<div class="ment_simple_1"></div>
 	<div class="ment_simple_2"></div>
 	<div class="ment_simple_3"></div>
      <a style="color:white;"  id="emotion_a" onclick="show_win('emotion')">
    情感结果
      </a>
   </div>
    <div id="ment_3"  class="ment_simple">
 	<div class="ment_simple_0"></div>
 	<div class="ment_simple_1"></div>
 	<div class="ment_simple_2"></div>
 	<div class="ment_simple_3"></div>
      <a  style="color:white;" id="wordcloud_a" onclick="show_win('wordcloud')">
    查看词云
	  </a>  
	</div>
	<div id="ment_4"  class="ment_simple">
 	<div class="ment_simple_0"></div>
 	<div class="ment_simple_1"></div>
 	<div class="ment_simple_2"></div>
 	<div class="ment_simple_3"></div>
      <a style="color:white;"  id="kmeans_a" onclick="show_win('kmeans')">
    词频聚类
      </a>
	</div>
</div>
</div>
<div id="content" class="content_open" >

<div id="mytask"  class="showop" >

<div id="table_head" class="table_head table_show" style="display:none;z-index:3; ">
	<table id="table_content" class="table_contain" style="z-index:2;margin-left:1% ;">
<thead >
<tr> 
	<th scope="col" width="20%">任务编号</th>
	<th scope="col" width="40%">任务名称</th>
	<th scope="col" width="10%">操作</th>
	<th scope="col" width="25%">创建时间</th>
</tr>
</thead>
<tbody>
	<tr  th:each="taskpojo:${item_data}">
		<td th:text="${taskpojo.task_id}"></td>
		<td th:text="${taskpojo.task_name}"></td>
		<td><button type="button" class="btn btn-warning"  th:onclick="deltask([[${taskpojo.task_id}]])">删除</button>
		</td>
		<td th:text="${taskpojo.task_time}"></td>
	</tr>
</tbody>
</table></div>

<div id="tips" class="tips">
<p>上传要求：</p>
<p>将爬虫后的数据进行清洗，只保留评论，以txt的形式进行上传。</p>
<p>结果将会被分词，最后使用大连理工大学信息检索研究室提供的</p>
<p>中文情感词汇本体库进行情感分析。</p>
</div>

<div id="extra" class="extra">
<i class="fa fa-file fa-3x" id="sub_i"></i>
<i class="fa fa-eye fa-3x" id="ctb_i"></i>
<i class="fa fa-laugh-squint fa-3x" id="back_i"></i>
<button id="subtask" type="button"  class="sub" onclick="showSubwindow()">上传任务</button>
<button id="ctb" class="sub" onclick="closetable()">隐藏任务</button>
<button id="backlogin" class="sub" onclick="backlogin('拜 拜 []~(￣▽￣)~*')">用户退出</button>
</div>
</div>

<div id="jieba" style="display:none;">
<div id="jieba_head"></div>
<div id="sourcedata_content">
<table class="table table-striped table-hover">
<thead>
<tr>
	<th scope="col" width="5%">行数</th>
	<th scope="col" width="95%">内容</th>
</tr>
</thead>
<tbody id="sdata">
</tbody>
</table>
</div>
<div id="contentbutton" class="contentbutton">

<nav aria-label="Page navigation example">
  <ul class="pagination pagemodel" id="page-items">

   </ul>
</nav>
</div>
<div id="jieba_choosebox" >
	<div id="jieba_ani">
<button id="sourcedata" class="pip-button" onclick="listop('sourcedata')">原数据</button>
<button id="jiebares" class="pop-button" onclick="listop('jiebares')">分词结果</button>
		</div>
</div>
</div> 
<div id="emotion"  class="showop" style="display:none;">
<div id="emotion_head">
</div>
<div id="emotion_right">
	<i class="fa fa-user-secret fa-3x" onclick="help_superman()"></i>
	<i class="fa fa-pen fa-3x" onclick="baby_pen()"></i>
</div>
<div id="emotion_content"  class="showop" >
  <div id="model0" >
  <h3 style="text-align:center;">情感结果</h3>
  	<div class="chart_simple_0"></div>
 	<div class="chart_simple_1"></div>
 	<div class="chart_simple_2"></div>
 	<div class="chart_simple_3"></div>
  <div id="chart0" ></div>
  </div>
  <div id="model1" >
  	<h3 style="text-align:center;">评论长度</h3>
  	<div class="chart_simple_0"></div>
 	<div class="chart_simple_1"></div>
 	<div class="chart_simple_2"></div>
 	<div class="chart_simple_3"></div>
  <div id="chart1" >
  </div>
   </div> 
   <div id="model2">
  	<h3 style="text-align:center;">出现最多词频</h3>
  	<div class="chart_simple_0"></div>
 	<div class="chart_simple_1"></div>
 	<div class="chart_simple_2"></div>
 	<div class="chart_simple_3"></div>
  <div id="chart2"></div>   
  </div>
   <div id="model3">
  	<h3 style="text-align:center;">情感极性</h3>
  <div class="chart_simple_0"></div>
 	<div class="chart_simple_1"></div>
 	<div class="chart_simple_2"></div>
 	<div class="chart_simple_3"></div>
  <div id="chart3"></div> 
  </div>
           
 </div>
</div>
<div id="wordcloud" class="showop" style="display:none">
<div id="wordcloud_head"></div>
<div id="wordcloud_content"  class="showop wordcloud_content">
<img id="wordpng" src="/pipi/getpng/14" style="width:100%;height:100%">

</div>
</div>
<div id="kmeans" class="showop" style="display: none;">
<div id="kmeans_head" >
</div>
<div id="kmeans_content" class="showop">
<div id="kmeans_content_check_box" class="kmeans_content_check_box">
<div id="check_rs" class="checkbotton">
<button onclick="kmeans('rs_button')" id="rs_button" class="kcheck_box"></button><span>RobustScaler</span>
</div>
<div id="check_whiten" class="checkbotton">
<button onclick="kmeans('whiten_button')"  id="whiten_button" class="kcheck_box"></button><span>白噪声</span>
</div>
<div id="check_min" class="checkbotton">
<button onclick="kmeans('min_button')"  id="min_button" class="kcheck_box"></button><span>MinMaxScaler</span>
</div>
<div id="check_none" class="checkbotton">
<button onclick="kmeans('none_button')"  id="none_button" class="kcheck_box_active"></button><span>不采用预处理</span>
</div>
<div class="check_go_div">
<div class="check_go" >
<button onclick="go_kmeans()" class="go_button" id="go_button">K值计算</button>
</div>
</div>
<div class="k_button_div" >
<div class="k_button">
<select  id="k_value" onchange ="do_kmeans()" class="do_button" >
	<option>主题聚类</option>
	<option>2</option>
	<option>3</option>
	<option>4</option>
	<option>5</option>
	<option>6</option>
	<option>7</option>
	<option>8</option>
	<option>9</option>

</select>
</div>
</div>

</div>
<div id="kmeans_content_main" class="kmeans_content_main">
 <div id="model_0" >
  <h3 id="h_title" style="text-align:center;">聚类得分</h3>
  	<div class="chart_simple_0"></div>
 	<div class="chart_simple_1"></div>
 	<div class="chart_simple_2"></div>
 	<div class="chart_simple_3"></div>
  <div id="k_char0">  </div>
  <div id="arrow" style="display:none;">
	<div id="arrowright" class="arrowright" onclick="gotokeans() "></div>
  </div>
  </div>

</div>
<div id="kmeans_content_bottom"></div>

</div>
</div>
</div>

</div>
<div id="subwindow" class="subwindow subwin_show" style="display:none">
<div class="top" id="top">
<label>文件上传</label>
<div class="top_div"></div>
</div>
<div style="width:100%;height:80%;margin-top:60px;position:relative;">
 <i class="fa fa-edit fa-2x" style="position:absolute;top:2%;"></i>
<input id="taskname" type="text" class="sub_input" autocomplete="off" placeholder="创建任务名称" onfocus="this.placeholder=''" onblur="this.placeholder='创建任务名称'"/>
<br>
<i class="fa fa-file fa-2x" style="position:absolute;top:31%;left:2%;"></i>
<input id="view" class="sub_input" autocomplete="off" placeholder="上传文件路径" onfocus="this.placeholder=''" onblur="this.placeholder='上传文件路径'"/>

<form id="upload" enctype="multipart/form-data" method="post"> 
<div class="filecontent" >
 <i class="fa fa-folder-open fa-2x" onclick=" document.getElementById('uploadfile').click();"></i>
<input class="file" id="uploadfile" type="file" onchange="document.getElementById('view').value=this.value;"/>
</div></form>

<div class="upload_div">

<button type="button" class="close_win close_win_one close_win_border" 
 onclick="uploadfile()">上传</button>

<button type="button" class="close_win close_win_two close_win_border" id="close_win" >关闭</button>
</div>
</div>
</div>
<div id="tip_window" class="tip_window tip_show" style="display: none;">
			<div id="tip_close_content" class="tip_close_content"></div>
			<div id="tip_close_div" class="tip_close_div">	
			<button id="tip_close_button" class="tip_close_button  tip_close_button_bottom">
				确定
			</button>
			</div>
		</div>
</body>

</html>